<!DOCTYPE html>
<!-- ng-app -->
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../../js/plugins/angular/angular.min.js" type="text/javascript"></script>
</head>
<body>
    <div ng-controller="cont">
        <div ng-show="{{isShow}}">
            oli
        </div>
        <div ng-hide="{{isHide}}">
            oli.com
        </div>

        <ul ng-switch="" on="{{switch}}">
            <li ng-switch-when="1">oli2</li>
            <li ng-switch-when="2">oli2.com</li>
            <li ng-switch-default>更多</li>
        </ul>
    </div>

    <script>
        var app = angular.module('app',[]);
        app.controller('cont',['$scope',function ($scope) {
            $scope.isShow = true;
            $scope.isHide = false;
            $scope.switch = 2;
        }])

    </script>
</body>
</html>